<!DOCTYPE html>
<html>

<head>
    <title></title>
    <meta charset="utf-8">
    <!-- 最新 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="http://cdn.bootcss.com/twitter-bootstrap/3.0.3/css/bootstrap.min.css">

    <!-- 可选的Bootstrap主题文件（一般不用引入） -->
    <link rel="stylesheet" href="http://cdn.bootcss.com/twitter-bootstrap/3.0.3/css/bootstrap-theme.min.css">

    <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
    <script src="http://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></script>

    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="http://cdn.bootcss.com/twitter-bootstrap/3.0.3/js/bootstrap.min.js"></script>

    <style media="screen">
        .shadow {
            position: fixed;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background: #000;
            opacity: 0.3;
            filter: alpha(opacity=30);
        }

        .mod_dialog {
            position: fixed;
            left: 0%;
            top: 0%;
            width: 100%;
            height: 100%;
            background: #fff;
        }

        td {
            vertical-align: middle !important;
        }
    </style>

</head>

<body>
    <div class="page">
        <ul class="nav nav-tabs">
            <li role="presentation">
                <a href="/admin/">管理首页</a>
            </li>
            <li role="presentation">
                <a href="/admin/banners">banner设置</a>
            </li>
            <li role="presentation">
                <a href="/admin/images">images上传</a>
            </li>
            <li role="presentation">
                <a href="/admin/news">公司新闻</a>
            </li>
            <li role="presentation">
                <a href="/admin/contact">联系方式</a>
            </li>
            <li role="presentation">
                <a href="/admin/msg">留言管理</a>
            </li>
            <li role="presentation" class="active">
                <a href="/admin/companyInfor">公司简介</a>
            </li>
            <li role="presentation">
                <a href="/admin/headDescription">公司公告</a>
            </li>
            <li>
                <a href="/admin/companyHistory">公司历程</a>
            </li>
            <li>
                <a href="/admin/industryconsulting">行业咨询</a>
            </li>
            <li>
                <a href="/admin/partners">合作伙伴</a>
            </li>
            <li>
                <a href="/admin/product">产品服务</a>
            </li>
            <li>
                <a href="/admin/map">自定义地图</a>
            </li>
            <li>
                <a href="/admin/navname">一级导航名</a>
            </li>
        </ul>
        <div class="content-wrap">
            <div>
                <!-- <form action="?" method="post" enctype="multipart/form-data" role="form">
                    <label for="company_name"> 公司名称：</label>
                    <input type="text" name="company_name" id="company_name" class="form-control" placeholder="请输入公司名称" />
                    <label for="company_introduce"> 公司简介：</label>
                    <textarea name="company_introduce" id="company_introduce" class="form-control" rows="5" placeholder="输入公司简介"></textarea>
                    <label for="company_culture"> 公司文化：</label>
                    <textarea name="company_culture" id="company_culture" class="form-control" rows="5" placeholder="输入公司文化"></textarea>
                    <label for="company_purpose"> 公司目标：</label>
                    <textarea name="company_purpose" id="company_purpose" class="form-control" rows="5" placeholder="输入公司目标"></textarea>
                    <label for="company_concept"> 公司愿景：</label>
                    <textarea name="company_concept" id="company_concept" class="form-control" rows="5" placeholder="输入公司愿景"></textarea>
                    <label for="f1"> 视频：</label>
                    <input type="file" name="f1" id="f2" placeholder="选择文件" />
                    <br>
                    <button type="submit" class="btn btn-default">添加</button>
                </form> -->
            </div>
            <table class="table table-striped table-bordered table-hover container-fluid" style="table-layout:fixed">
                <thead class="row">
                    <tr>
                        <th class="col-md-1">ID</th>
                        <th class="col-md-1">公司名称</th>
                        <th class="col-md-2">公司简介</th>
                        <th class="col-md-5">公司文化</th>
                        <th class="col-md-1">公司目标</th>
                        <th class="col-md-1">公司愿景</th>
                        <th class="col-md-1">视频</th>
                        <th class="col-md-1">操作</th>
                    </tr>
                </thead>
                <tbody class="row">
                    <% for(var i=0;i<InforData.length;i++){ %>
                        <tr>
                            <td>
                                <%=InforData[i].ID%>
                            </td>
                            <td>
                                <%=InforData[i].company_name%>
                            </td>
                            <td>
                                <%=InforData[i].company_introduce%>
                            </td>
                            <td style="overflow:hidden;white-space:nowrap;text-overflow:ellipsis;">
                                <%=InforData[i].company_culture%>
                            </td>
                            <td style="overflow:hidden;white-space:nowrap;text-overflow:ellipsis;">
                                <%=InforData[i].company_purpose%>
                            </td>
                            <td style="overflow:hidden;white-space:nowrap;text-overflow:ellipsis;">
                                <%=InforData[i].company_concept%>
                            </td>
                            <td>
                                <video width="100%" height="auto" controls="controls" src="/upload/<%=InforData[i].vedio_url%>" />
                            </td>
                            <td>
                                <a class="btn btn-warning" href="?act=mod&id=<%=InforData[i].ID%>">修改</a>
                            </td>
                        </tr>
                        <% } %>
                </tbody>
            </table>
            <% if(typeof mod_data!='undefined'){ %>
                <div class="shadow"></div>
                <div class="mod_dialog">
                    <form action="?" method="post" enctype="multipart/form-data">
                        <input type="hidden" name="mod_id" value="<%= mod_data.ID %>" />
                        <label for="company_name"> 公司名称：</label>
                        <input type="text" name="company_name" id="company_name" class="form-control" value="<%= mod_data.company_name %>" />
                        <label for="company_introduce"> 公司简介：</label>
                        <textarea name="company_introduce" id="company_introduce" class="form-control" rows="5"><%= mod_data.company_introduce %></textarea>
                        <label for="company_culture"> 公司文化：</label>
                        <textarea name="company_culture" id="company_culture" class="form-control" rows="5"><%= mod_data.company_culture %></textarea>
                        <label for="company_purpose"> 公司目标：</label>
                        <textarea name="company_purpose" id="company_purpose" class="form-control" rows="5"><%= mod_data.company_purpose %></textarea>
                        <label for="company_concept"> 公司愿景：</label>
                        <textarea name="company_concept" id="company_concept" class="form-control" rows="5"><%= mod_data.company_concept %></textarea>
                        <label for="f1"> 视频：</label>
                        <input type="file" name="f1" id="f2" placeholder="选择文件" />
                        <input class="btn btn-danger" type="submit" value="修改" />
                        <a class="btn btn-warning" href="/admin/companyInfor">取消修改</a>
                    </form>
                </div>
                <% } %>
        </div>
    </div>
</body>

</html>